﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>条件设置</title>
    <link rel="stylesheet" type="text/css" href="../../Portal/icons/font-icons.min.css" />
    <script type="text/javascript" src="../../Portal/js/sortjs/Sortable.min.js"></script>
    <!--- 引入代码. -->
    <script src="../../Scripts/jquery/jquery.min.js"></script>
    <script src="../../Scripts/QueryString.js" type="text/javascript"></script>
    <script src="../../Scripts/config.js" type="text/javascript"></script>
    <script src="../../Comm/Gener.js" type="text/javascript"></script>
    <script type="text/javascript" src="../../Portal/js/vue/vue.js"></script>
    <script src="../../Scripts/layui/LayuiDialog.js"></script>
    <script src="../../Scripts/layui/layui/layui.js"></script>
    <link href="../../Scripts/layui/layui/css/layui.css" rel="stylesheet" />

    <base target="_self" />
    <style>
        .event{ padding:8px 10px; line-height:32px;}
        .condParas {
            width: 100%;
        }

        .condParas .row {
            display: flex;
            justify-content: flex-start;
            flex: 0.2;
            height: 40px;
            line-height: 40px;
            background-color: #FAFAFA;
        }

        .condParas .row .item {
            box-sizing: border-box;
            flex-shrink: 0;
            text-align: center;
            border-right: 1px solid #eee;
            border-bottom: 1px solid #eee;
        }

        .item-num {
            width: 10%;
            white-space: nowrap;
            cursor: pointer;
        }

        .item-other {
            width: 20%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .item-docs {
            width: 35%;
            display: flex;
            align-items: center;
            justify-content: center;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }

        .item-index {
            background-color: #FAFAFA;
            padding-right: 40px;
            color: #999999
        }

        .condParas .row .folder-item {
            box-sizing: border-box;
            width: 76%;
            padding-left: 20px;
            cursor: pointer;
        }

        .wrapper .row {
            background-color: #fff;
        }

        #s-main {
            transition: all ease .4s;
        }

        [v-cloak] {
            display: none;
        }

        .layui-input-block > .layui-form-switch {
            margin-top: 0 !important;
        }
    </style>
    <script>
        var flowNo = GetQueryString("FK_Flow");

        //作用的节点.
        var nodeID = GetQueryString("FK_Node");

        //到达的节点，对方向条件有效.
        var toNodeID = GetQueryString("ToNodeID");
        if (toNodeID == null)
            toNodeID = nodeID;

        //条件类型 @0=节点完成条件, 1=流程完成条件, 2=方向条件, 3=启动子流程
        var condType = GetQueryString("CondType");
        if (condType == null || condType == '')
            condType = 2;
        function refresh() {
            layer.msg('操作成功',{ time: 1000 }, function () {
                location.reload();
            });
            
        }
    </script>

</head>
<body>
   
   
    <div id="condParas" class="condParas" v-cloak=v-cloak>

        <strong id="Event" class="event" v-html="Event"> </strong>
        <div class="row">
            <div class="item item-num">序</div>
            <div class="item item-other">类型</div>
            <div class="item item-docs">表达式</div>
            <div class="item item-docs">

                <div class="layui-btn layui-btn-primary layui-border-blue layui-btn-xs NewPara-btn">
                    <i class="icon-plus" style="margin-right: 6px"></i>新建条件
                </div>

                <div class="layui-btn layui-btn-primary layui-border-blue layui-btn-xs condExp-btn">
                    <i class="icon-plus" style="margin-right: 6px"></i>插入运算符
                </div>

                <!--<button @click.stop
                        class="layui-btn layui-btn-primary layui-border-blue layui-btn-xs condExp-btn"
                        :data-mypk="cond.MyPK" :data-pidx="index"
                        :data-idx="cond.Idx">
                    <i class="layui-icon layui-icon-down layui-font-12"></i> 插入运算符
                </button>-->
            </div>
        </div>

        <div class="wrapper" id="s-main" ref="child-row">
            <div v-for="(cond,index) in conds" :key="index" :data-id="cond.MyPK">

                <div class="row item-name-dp" :data-id="cond.MyPK" :data-idx="index">
                    <div class="item item-num">{{index + 1}}</div>
                    <div class="item item-other " v-html="cond.DataFromText"></div>
                   
                    <a class="item item-docs" href="javascript:void(0)" @click="EditCond(cond)">
                        <div class="" v-html="cond.Express"></div>
                    </a>
                    <div class="item item-docs">
                        <button @click.stop="DeleteSort(cond.MyPK)" class="layui-btn layui-btn-primary layui-border-blue layui-btn-xs c-btn">
                            <i class="layui-icon layui-icon-delete layui-font-12"></i> 删除
                        </button>
                    </div>
                </div>

            </div>
        </div>
    </div>

    <div id="msg"></div>

    <script src="List.js"></script>
</body>
</html>